.createCourseBox{
    min-width: 1200px;
    overflow: auto;
    background: #FBFBFB;
    padding-bottom: 150px;
    

    .titleAll{
        position: relative;
        margin-top: 40px;
        text-align: center;
        h2{
            font-weight: bold;
            font-size: 22px;
            color: #383C40;
        }
        P{
            font-size: 12px;
            margin: 10px auto;
            font-weight: 500;
            color: #808080;
        }
        .title-line{
            width: 20px;
            margin: 10px auto;
            border: 1px solid #808080;
        }
        img{
            position: absolute;
            width: 176px;
            height: 38px;
            top: -10px;
            right: 5%;
        }
    }
    // 创建课程ALL
    .lineAll{
        overflow: auto;
        margin-bottom: 20px;
        //border:1px solid red;
    }

    .dib{
        display: block;
    }
   
    
     //创建课程-01开始
    .create_one{
        width: 800px;
        height: 550px;
        margin: 30px auto 0;
        background:#fff;
        box-shadow: 0 0 15px #dddddd;
       
        .cue{
            position: relative;            
            height: 20px;
            line-height: 20px;
            font-size: 14px !important;
            text-indent: 20px;
            color: #f74555;
            i{
                position: absolute;
                left: 0;
                top: 2px;
                display: block;
                height: 15px;
                width: 15px;
                background: url("../static/image/failure.png") no-repeat;
                background-size: 100% 100%;
            }
        }
        .cue2{
            position: relative;
            height: 20px;
            line-height: 20px;
            font-size: 14px !important;
            text-indent: 20px;
            color: #f74555;
            i{
                position: absolute;
                left: 0;
                top: 2px;
                display: block;
                height: 15px;
                width: 15px;
                background: url("../static/image/failure.png") no-repeat;
                background-size: 100% 100%;
            }
        }
        .remind{
            width: 160px;
            padding: 30px 0;
            margin: 0 auto;
            i:nth-child(1){
                margin-left: 10px;
                display: block;
                float: left;
                width: 40px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                font-family: Arial, Helvetica, sans-serif;
                font-weight: 600;
                font-style: initial;
                font-size: 10px;
                color: #fff;
                background: url('../static/image/icon-progress-done.png') no-repeat;
                background-size: 100% 100%;
            }
            i:nth-child(2){
                display: block;
                float: left;
                margin-top: 10px;
                width: 70px;
                height: 12px;
                background: url('../static/image/icon-progress-arrow.png') no-repeat;
                background-size: 100% 100%;
            }
            i:nth-child(3){
                display: block;
                float: left;
                width: 40px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                font-family: Arial, Helvetica, sans-serif;
                font-weight: 600;
                font-style: initial;
                font-size: 10px;
                color: #fff;
                background: url('../static/image/icon-progress-undone.png') no-repeat;
                background-size: 100% 100%;
            }
            p{
                height: 30px;
                line-height: 30px;
                font-size: 10px;
                span{
                    display: block;
                    float: left;
                    width: 50%;
                    font-size: 16px;
                    &:nth-child(1){
                        text-align: left;
                    }
                    &:nth-child(2){
                        text-align: right;
                    }                   
                   
                }
                .blue{
                    color: #5746ac;
                }                
            }
        }
        .contentone{
            width: 65%;
            height: 300px;
            padding-top: 30px;
            margin: 0 auto;
            .clear{
                clear: both;
            }
            
            .contentone_cen{
                width: 100%;
                h4{
                    position: relative;
                    height: 30px;
                    line-height: 30px;
                    text-indent: 10px;
                    font-size: 14px !important;
                    i{
                        position: absolute;
                        left: 0;
                        top: 12px;
                        display: block;
                        width: 5px;
                        height: 5px;
                        font-size: 14px;
                        border-radius: 50%;
                        background:red;
                    }
                }
                input{
                    width: 46%;
                    height: 35px;
                    line-height: 30px;
                    color: #121212;
                    text-indent: 10px;
                    border: 1px solid #dcdfe6;
                    font-size: 14px !important;
                }  
                input::-webkit-input-placeholder { /* WebKit browsers */ 
                    color: #dcdfe6; 
                    font-size: 14px !important;
                    } 
                    input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
                    color: #dcdfe6; 
                    font-size: 14px !important;
                    } 
                    input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
                    color: #dcdfe6; 
                    font-size: 14px !important;
                    } 
                    input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
                    color: #dcdfe6;
                    font-size: 14px !important; 
                    }              
            }
            .marginLeft{
                margin-left: 8%;
            }
            .pos{
                position: relative;
            }
            .posone{
                position: absolute;
                left: 0;
                top:68px;
            }
            .postwo{
                position: absolute;
                left: 60%;
                top: 68px;
            }



            // 开始时间
            .startTime{
                float: left;
                margin-top: 10px;
                width: 46%;
                font-size: 14px !important;
                h4{
                    position: relative;
                    height: 30px;
                    line-height: 30px;
                    text-indent: 10px;
                    font-size: 14px;
                    i{
                        position: absolute;
                        left: 0;
                        top: 12px;
                        display: block;
                        width: 5px;
                        height: 5px;
                        border-radius: 50%;
                        background:red;
                    }
                }

                .startTimeCen{
                    display: block;
                    float: left;
                    color: #dddddd;
                    box-sizing: border-box;
                    font-size: 14px !important;
                    .el-date-editor:nth-child(1){
                        width: 56% !important;
                        float: left;      
                        font-size: 14px !important;
                    }
                    .el-date-editor:nth-child(2){
                        width: 42% !important;
                        float: left;       
                        margin-left: 2%;  
                        font-size: 14px !important;
                    }
                    .el-input__inner:nth-child(1){
                        width: 100% !important;
                        float: left;
                        font-size: 14px !important; 
                    }
                    .el-input__inner:nth-child(2){
                        width: 100% !important;;
                        float: right;
                        font-size: 14px !important; 
                    }
                    .el-input--suffix .el-input__inner{
                       padding-right: 5px;
                       background: #fff;
                       border: 1px solid #d9c3bf;
                       border-radius: 0;
                    }
                    .el-input{
                        margin: 0;
                    }
                    
                }
               
            }
            // 开始时间end

            // 结束时间
            .stopTime{
                float: left;
                margin-top: 10px;
                width: 46%;
                font-size: 14px !important;
                h4{
                    position: relative;
                    height: 30px;
                    line-height: 30px;
                    text-indent: 10px;
                    font-size: 14px !important;
                    i{
                        position: absolute;
                        left: 0;
                        top: 12px;
                        display: block;
                        width: 5px;
                        height: 5px;
                        border-radius: 50%;
                        background:red;
                    }
                }
                .stopTimeCen{
                    display: block;
                    float: left;
                    color: #dddddd;
                    font-size: 14px !important;
                    box-sizing: border-box;
                    .el-date-editor:nth-child(1){
                        width: 56% !important;
                        float: left;     
                        font-size: 14px !important; 
                    }
                    .el-date-editor:nth-child(2){
                        width: 42% !important;
                        float: left;       
                        margin-left: 2%;  
                        font-size: 14px !important; 
                    }
                    .el-input__inner:nth-child(1){
                        width: 100% !important;
                        float: left;
                        font-size: 14px !important;   
                    }
                    .el-input__inner:nth-child(2){
                        width: 100% !important;;
                        float: right;
                        font-size: 14px !important;    
                    }
                    .el-input--suffix .el-input__inner{
                       padding-right: 5px;
                       background: #fff;
                       border: 1px solid #d9c3bf;
                       border-radius: 0;
                    }
                    .el-input{
                        margin: 0;
                    }            
                }

            }

            // 结束时间end

            // 轮数
            .rounds{
                float: left;
                margin-top: 10px;
                width: 46%;
                font-size: 14px !important;
                h4{
                    position: relative;
                    height: 30px;
                    line-height: 30px;
                    text-indent: 10px;
                    font-size: 14px !important;
                    i{
                        position: absolute;
                        left: 0;
                        top: 12px;
                        display: block;
                        width: 5px;
                        height: 5px;
                        border-radius: 50%;
                        background:red;
                    }
                }

                .roundsCen{
                    font-size: 14px !important;
                    .cue{
                        position: relative;            
                        height: 20px;
                        line-height: 20px;
                        font-size: 14px !important;
                        text-indent: 20px;
                        color: #f74555;
                        i{
                            position: absolute;
                            left: 0;
                            top: 2px;
                            display: block;
                            height: 15px;
                            width: 15px;
                            background: url("../static/image/failure.png") no-repeat;
                            background-size: 100% 100%;
                        }
                    }
                    .cue2{
                        position: relative;
                        height: 20px;
                        line-height: 20px;
                        font-size: 14px !important;
                        text-indent: 20px;
                        color: #f74555;
                        i{
                            position: absolute;
                            left: 0;
                            top: 2px;
                            display: block;
                            height: 15px;
                            width: 15px;
                            background: url("../static/image/failure.png") no-repeat;
                            background-size: 100% 100%;
                        }
                    }
                   
                    select{
                        width: 100%;
                        height: 40px;
                        line-height: 30px;
                        font-size: 14px !important;
                        text-indent: 5px;
                        border: 1px solid #dcdfe6;
                    } 
                }
            }

            // 队伍数
            .team{
                float: left;
                margin-top: 10px;
                width: 46%;
                font-size: 14px !important;
                h4{
                    position: relative;
                    height: 30px;
                    line-height: 30px;
                    text-indent: 10px;
                    font-size: 14px !important;
                    i{
                        position: absolute;
                        left: 0;
                        top: 12px;
                        display: block;
                        width: 5px;
                        height: 5px;
                        border-radius: 50%;
                        background:red;
                    }
                }

                .teamCen{
                    .cue{
                        position: relative;            
                        height: 20px;
                        line-height: 20px;
                        font-size: 14px !important;
                        text-indent: 20px;
                        color: #f74555;
                        i{
                            position: absolute;
                            left: 0;
                            top: 2px;
                            display: block;
                            height: 15px;
                            width: 15px;
                            background: url("../static/image/failure.png") no-repeat;
                            background-size: 100% 100%;
                        }
                    }
                    .cue2{
                        position: relative;
                        height: 20px;
                        line-height: 20px;
                        font-size: 14px !important;
                        text-indent: 20px;
                        color: #f74555;
                        i{
                            position: absolute;
                            left: 0;
                            top: 2px;
                            display: block;
                            height: 15px;
                            width: 15px;
                            background: url("../static/image/failure.png") no-repeat;
                            background-size: 100% 100%;
                        }
                    }
                   
                    select{
                        width: 100%;
                        height: 40px;
                        line-height: 30px;
                        font-size: 14px !important;
                        text-indent: 5px;
                        border: 1px solid #dcdfe6;
                    } 
                }
            }

            // 队伍数end

           
        } 
        button{
            display: block;            
            margin: 0 auto;
            width: 110px;
            height: 30px;
            color: #fff;
            background:#5847ad;
            border-radius: 5px;
            border: none;
            clear: both;
        }        
        
    }
    //创建课程-01结束
    //创建课程-02开始
    .create_two{
        //display: none;
        width: 800px;
        margin: 30px auto 30px;
        padding: 0 0 50px;
        background:#fff;
        box-shadow: 0 0 15px #dddddd;

        .guide{
            width: 160px;
            padding: 30px 0;
            margin: 0 auto;
            i:nth-child(1){
                margin-left: 10px;
                display: block;
                float: left;
                width: 35px;
                height: 35px;
                line-height: 34px;
                text-align: center;
                font-family: Arial, Helvetica, sans-serif;
                font-weight: 600;
                font-style: initial;
                font-size: 10px;
                color: #fff;
                background: url('../static/image/icon-progress-done.png') no-repeat;
                background-size: 100% 100%;
            }
            i:nth-child(2){
                display: block;
                float: left;
                margin-top: 10px;
                width: 70px;
                height: 12px;
                background: url('../static/image/icon-progress-arrow.png') no-repeat;
                background-size: 100% 100%;
            }
            i:nth-child(3){
                display: block;
                float: left;
                width: 35px;
                height: 35px;
                line-height: 34px;
                text-align: center;
                font-family: Arial, Helvetica, sans-serif;
                font-weight: 600;
                font-style: initial;
                font-size: 10px;
                color: #fff;
                background: url('../static/image/icon-progress-done.png') no-repeat;
                background-size: 100% 100%;
            }
            p{
                height: 30px;
                line-height: 30px;
                font-size: 10px;
                span{
                    display: block;
                    float: left;
                    width: 50%;
                    &:nth-child(1){
                        text-align: left;
                    }
                    &:nth-child(2){
                        text-align: right;
                    }
                }
                .blue{
                    color: #5746ac;
                }                
            }
        }
        .contenttwo{
            //display: block;
            width: 100%;
            padding-top: 30px;
            margin: 0 auto;
            .establishNav{
                margin: 0 auto;
                // width: 60%;
                width: 364px;
                height: 40px;
                line-height: 40px;
                font-size: 16px;
                span{
                    display: block;
                    float: left;
                    text-align: center;
                    width:50%;
                    cursor: pointer;
                    border-bottom:4px solid #efefef;
                    .page-login-toolTipClass {
                        background-color: #5847ad!important;
                        color: #fff;
                    }
                    .el-tooltip__popper.is-dark {
                        background: #5847ad;
                        color: #fff;
                    }
                    .el-tooltip__popper .popper__arrow {
                        border-width: 6px;
                        background-color: #5847ad;
                        border-color: #5847ad;
                    } 
                        
                    .tipIcon{
                        width: 15px;
                        height: 15px;
                    }
                    &.blueb{
                        color: #8c81c3;
                        border-bottom: 4px solid #8c81c3;
                    }
                }
            }

            // 批量导入内容开始
            .batch{
                //display: none;
                margin: 3px auto;
                width: 60%;
                padding: 0;
                // display: block;
                h5{
                    clear: both;
                    // margin: 0;
                    display: block;
                    width:100%;
                    height: 60px;
                    line-height: 60px;
                    font-size: 10px;
                    color: #b4b4b4;
                }
                h4{
                    position: relative;
                    height: 30px;
                    line-height: 30px;
                    text-indent: 10px;
                    font-size: 12px;
                    i{
                        position: absolute;
                        left: 0;
                        top: 12px;
                        display: block;
                        width: 5px;
                        height: 5px;
                        border-radius: 50%;
                        background:red;
                    }
                }
                p{
                    width: 376px;
                    height: 30px;
                    line-height: 30px;
                    padding: 0;
                    span{
                        position: relative;
                        float: left;
                        display: block;
                        height: 30px;
                        width: 260px;
                        text-align: left;
                        text-indent: 5px;
                        border-radius: 5px;
                        border: 1px solid #c4c4c4;
                    }
                    input:nth-child(1){
                        position: absolute;
                        left: 0;
                        top: 0;
                        height: 30px;
                        width: 260px;
                        line-height: 30px;
                        border-radius: 5px;
                        border: 1px solid #c4c4c4;
                        opacity: 0;
                        z-index: 5;
                    }
                    input:nth-child(2){
                        float: left;
                        margin-left: 13px;
                        height: 30px;
                        width: 100px;
                        line-height: 30px;
                        color: #fff;
                        background: #aba3d6;
                        border-radius: 5px;
                        border:none;
                    }
                    .borone{
                        color: #cccccc;
                    }
                }

                // a{
                //     display: block;
                //     margin-top: 20px;
                //     width: 100px;       
                //     height: 30px;
                //     line-height: 30px;
                //     font-size: 8px;
                //     text-align: left;
                //     text-decoration: underline;
                //     color: #000000;
                // }

                // 批量tip
                .batchPrompts{
                    margin: 10px 0;
                    width: 100%;
                    height: 100%;
                    font-size: 12px;
                    .promptsTip{
                        color: red;
                        img{
                            width: 16px;
                            height: 16px;
                            vertical-align: bottom;
                        }
                        
                    }
                    .promptContent{
                        color: #808080;
                        a{
                            color: #0004FF;
                            text-decoration: underline;
                        }
                    }
                }
                .pattern{
                    display: block;
                    margin-top: 20px;
                    width: 100px;       
                    height: 30px;
                    line-height: 30px;
                    font-size: 8px;
                    text-align: left;
                    text-decoration: underline;
                    color: #000000;
                }
                .upfile{
                    position: relative;
                    height: 66px;
                    width: 100%;
                    overflow: auto;
                    display: flex;
                    span.side{
                        // position: absolute; // 改为float: left
                        float: left;
                        display: block;
                        height: 30px;
                        width: 260px;
                        line-height: 30px;
                        text-align: left;
                        text-indent: 5px;
                        border-radius: 5px;
                        color: #c4c4c4; 
                        border: 1px solid #c4c4c4;
                    }
                    .upload-demo { // 这里加的样式
                        float: left;
                        .el-upload-list{
                            position: absolute;
                            top: 32px;
                            left: 0;
                            .el-upload-list__item{
                                margin-top: 8px;
                                &>a{
                                    padding-left: 0;
                                }
                            }
                        }
                    }
                    .el-upload__input{
                        // display: block; // 这里覆盖了element-ui的样式
                        display: none;
                        border:1px solid red;
                        height: 30px;
                        width: 260px;
                        float: right;
                        border-radius: 5px;
                        border: 1px solid #c4c4c4;
                        opacity: 0;
                    }
                   .el-button--small{
                        float: right;
                        height: 30px;
                        line-height: 30px;
                        margin-left: 13px;
                        background: #aba3d6;
                        border-radius: 5px;
                        border: none;
                        padding: 0;
                        span{
                            font-size: 14px!important;
                        }
                   }
                }
                
                //批量导入底部按钮开始
                .btnone{
                    width: 250px;
                    height: 30px;
                    margin: 50px auto;           
                    button:nth-child(1){
                        width: 110px;
                        height: 30px;
                        font-size: 10px;
                        color: #fff;
                        border: none;
                        border-radius: 5px;
                        background: #5847ad;
                    }
                    button:nth-child(2){
                        margin-left: 25px;
                        width: 110px;
                        height: 30px;
                        font-size: 10px;
                        color: #fff;
                        border: none;
                        border-radius: 5px;
                        background: #5847ad;
                    }
                }
                //批量导入底部按钮结束

            }
            // 批量导入内容结束
            // 手动创建开始
            .manual{
                //display: none;
                margin: 30px auto;
                width: 90%;
                background: #fff;
                .clear{
                    clear: both;
                }
                .cue{
                    display: none;
                    position: relative;
                    height: 20px;
                    line-height: 20px;
                    font-size: 14px;
                    text-indent: 20px;
                    color: #f74555;                 
                    background: url("../static/image/icon-attention.png") no-repeat 5px;
                    
                }
                .cue2{
                    position: relative;
                    height: 20px;
                    line-height: 20px;
                    font-size: 6px;
                    text-indent: 20px;
                    background: red;
                    color: #f74555;
                    
                }
                
                .manualTeam{                    
                    position: relative;
                    height: inherit;
                    font-size: 12px;
                    .manualTeamOne{
                        //display: inline-block;
                        float: left;
                        margin-bottom: 20px;
                        width: 49%;
                        height: 602px;
                        padding-bottom: 25px;
                        border-bottom:1px solid #e7e6e6;   

                        .teamBox{
                            display: flex;
                            padding: 10px 0;
                            .ora{
                                color: #fca379;
                            }
                            .gra{
                                color: #cccccc
                            }
                            &:li{
                                flex: 1;
                                font-weight: 500;
                                &:img{
                                    width: 22px;
                                    height: 22px;
                                    vertical-align: middle;
                                    margin-right: 10px;
                                }
                            }
                            li:nth-child(2){
                                text-align: center;
                            }
                        }
                        .studentBox{
                            width: 100%;
                            display: flex;
                            height: 30px;
                            overflow: hidden;
                            label{
                                flex: 1;
                                margin: 7px 0;
                            }
                            input{
                                width: 117px;
                                height: 28px;
                                border-radius: 5px;
                                background: none;
                                border: 1px solid #cccccc;
                            }
                            .delete{
                                flex: 1;
                                line-height: 30px;
                                font-size: 18px;
                                font-weight: bold;
                                text-align: center;
                            }
                        }

                        .recordStudentTable{
                            margin-top: 20px;
                            width: 100%;
                            thead{     
                                tr{
                                    height: 35px;
                                    width: 100%;
                                    line-height: 35px;
                                    th:nth-child(1){
                                        width: 25%;
                                        // height: 30px;
                                        font-size: 10px;
                                        text-align: center;
                                        color: #fca379;   
                                    }
                                    th:nth-child(2){
                                        width: 50%;
                                        // height: 30px;
                                        font-size: 10px;
                                        text-align: center;
                                        color: #000000;                          
                                    }
                                    th:nth-child(3){
                                        width: 25%;
                                        // height: 30px;
                                        // line-height: 30px;
                                        text-indent: 25px;
                                        font-size: 10px;
                                        text-align: center;
                                        color: #000000;   
                                        cursor: pointer;
                                        background: url("../static/image/icon-deletew.png") no-repeat;
                                        background-size: 20px;   
                                        background-position-y: 6px;  
                                    }
                                }
                                //background: red;                           
                                // tr{ 
                                //     height: 30px;
                                //     width: 100%;
                                //     line-height: 30px;
                                //     //background: red;
                                //     th:nth-child(1){
                                //         width: 10%;
                                //         height: 30px;
                                //         font-size: 10px;
                                //         text-align: center;
                                //         color: #fca379;                           
                                //     }
                                //     th:nth-child(2){
                                //         width: 25%;
                                //         height: 30px;
                                //         font-size: 10px;
                                //         text-align: center;
                                //         color: #000000;                          
                                //     }
                                //     th:nth-child(3){
                                //         width: 15%;
                                //         height: 30px;
                                //         font-size: 10px;
                                //         text-align: center;
                                //         color: #000000;                          
                                //     }
                                //     th:nth-child(4){
                                //         width: 10%;
                                //         height: 30px;
                                //         font-size: 10px;
                                //         text-align: center;
                                //         color: #000000;                          
                                //     }
                                //     th:nth-child(5){
                                //         width: 20%;
                                //         height: 30px;
                                //         font-size: 10px;
                                //         text-align: center;
                                //         color: #000000;                          
                                //     }
                                //     th:nth-child(6){
                                //         width: 10%;
                                //         height: 30px;
                                //         font-size: 10px;
                                //         text-align: center;
                                //         color: #000000;                          
                                //     }
                                //     th:nth-child(7){
                                //         width: 10%;
                                //         height: 30px;
                                //         //text-align: center;
                                //         color: #000000; 
                                //         cursor: pointer;
                                //         // line-height: 30px;
                                //         // font-size: 10px;
                                //         text-align: left;
                                //         text-indent: 5%;
                                //         //color: #cccccc;
                                //         background: url("../static/image/icon-deletew.png") no-repeat 20% 5px;
                                //         // border:1px solid red;
                                //     }
                                // }


                            }
                            tbody{

                                tr{
                                    height: 50px;
                                    // width: 100%;
                                    // line-height: 30px;
                                    td:nth-child(1){
                                        width: 25%;
                                        height: 30px;
                                        font-size: 10px;
                                        text-align: center;
                                        color: #000000;  
                                    }
                                    td:nth-child(2){
                                        width: 50%;
                                        height: 30px;
                                        font-size: 10px;
                                        text-align: left;
                                        color: #000000;
                                        input{
                                            width: 90%;
                                            margin: 0 5%;
                                            height: 28px;
                                            border: 1px solid #bdb6df;
                                            border-radius: 5px;
                                        }                                     
                                    }
                                    td:nth-child(3){
                                        width: 25%;
                                        span{ //5月25 span instead of a
                                            margin-left: 20%;
                                            display: block;
                                            height: 8px;
                                            width: 8px;
                                            background: url("../static/image/icon-delete-learner.png") no-repeat;
                                            background-size: 8px 8px;
                                        }                     
                                    }
                                }
                                // tr{
                                //     height: 50px;
                                //     td:nth-child(1){
                                //          width: 10%;
                                //          height: 30px;
                                //          font-size: 10px;
                                //          text-align: center;
                                //          color: #000000;
                                //     }
                                //     td:nth-child(2){
                                //         width: 25%;
                                //         height: 30px;
                                //         font-size: 10px;
                                //         text-align: left;
                                //         color: #000000;
                                //         input{
                                //             width: 90%;
                                //             margin: 0 5%;
                                //             height: 28px;
                                //             border: 1px solid #bdb6df;
                                //             border-radius: 5px;
                                //         }                          
                                //     }
                                //     td:nth-child(3){
                                //         width: 15%;
                                //         height: 30px;
                                //         font-size: 10px;
                                //         text-align: left;
                                //         color: #000000;
                                //         input{
                                //             width: 100%;
                                //             height: 28px;
                                //             border: 1px solid #bdb6df;
                                //             border-radius: 5px;
                                //         }                          
                                //     }
                                //     td:nth-child(4){
                                //         width: 10%;
                                //         height: 30px;
                                //         font-size: 10px;
                                //         text-align: left;
                                //         color: #000000;
                                //         select{
                                //             width: 80%;
                                //             margin: 0 10%;
                                //             height: 28px;
                                //             border: 1px solid #bdb6df;
                                //             border-radius: 5px;
                                //         }                          
                                //     }
                                //     td:nth-child(5){
                                //         width: 20%;
                                //         height: 30px;
                                //         font-size: 10px;
                                //         text-align: left;
                                //         color: #000000;
                                //         select{
                                //             width: 90%;
                                //             margin: 0 5%;
                                //             height: 28px;
                                //             border: 1px solid #bdb6df;
                                //             border-radius: 5px;
                                //         }                       
                                //     }
                                //     td:nth-child(6){
                                //         width: 10%;
                                //         height: 30px;
                                //         font-size: 10px;
                                //         text-align: left;
                                //         color: #000000;
                                //        input{
                                //             width: 90%;
                                //             margin: 0 5%;
                                //             height: 28px;
                                //             text-align: center;
                                //             border: 1px solid #bdb6df;
                                //             border-radius: 5px;
                                //         }                       
                                //     }

                                //     td:nth-last-child(1){
                                //         width: 20%;
                                //         a{
                                //             margin-left: 20%;
                                //             display: block;
                                //             height: 10px;
                                //             width: 10px;
                                //             background: url("../static/image/icon-delete-learner.png") no-repeat;
                                //             background-size: 100% 100%;
                                            
                                           
                                //         }
                                //     }                                      
                                // }
                                
                            }
                            tfoot{
                                width: 100px;
                                height: 20px;
                                margin-bottom: 20px;                               
                                td{
                                    text-indent: 16px;
                                    height: 20px; 
                                    line-height: 20px;
                                    //border:1px solid red;
                                    span{ //5月25 span instead of a
                                        display: block;
                                        height: 21px;
                                        width: 100px;
                                        text-indent: 30px;
                                        color: #aba3d6;
                                        background: url("../static/image/icon-add.png") no-repeat;
                                        background-size: 21px 21px;
                                        //border:1px solid red;
                                        margin-left: 45px;
                                    }
                                }
                                
                                
                            }                                
                        }
                    }
                    .manualTeamOne:nth-child(odd){
                        margin-left: 0;
                    }
                    .addteam{   
                        position: absolute;                   
                        display: block;
                        cursor: pointer;
                        height: 20px;
                        width: 100px;
                        bottom: 45px;
                        right: 0;
                        text-indent: 30px;
                        color: #aba3d6;
                        background: url("../static/image/icon-add.png") no-repeat;
                        background-size: 20px 20px;
                    }
                }


                //手动创建底部按钮开始
                .btntwo{
                    width: 250px;
                    height: 30px;
                    margin: 50px auto;           
                    button:nth-child(1){
                        width: 110px;
                        height: 30px;
                        font-size: 10px;
                        color: #fff;
                        border: none;
                        border-radius: 5px;
                        background: #5847ad;
                    }
                    button:nth-child(2){
                        margin-left: 25px;
                        width: 110px;
                        height: 30px;
                        font-size: 10px;
                        color: #fff;
                        border: none;
                        border-radius: 5px;
                        background: #5847ad;
                    }
                }
                //手动创建底部按钮结束
            }
            // 手动创建结束           
           
        }
        //contenttwo结束


    }
    //创建课程-02结束

    // 弹框
    // 导入课程失败04 弹框
    .importFailureBlackbg{
        //display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        z-index: 999;
        // 导入失败
        .failureone{
            //display: none;
            position: fixed;
            left: 40%;
            top: 26%;	
            padding: 25px;
            width: 25%;
            height: 45%;
            background-color: #f4f4f4;
            i{
                position: absolute;
                right: 30px;
                top: 30px;
                height: 30px;
                width: 30px;
                background: url("../static/image/back.png") no-repeat;
                background-size: 100% 100%;
                cursor: pointer;
            }
            h3{
                height: 50px;
                line-height: 50px;
                font-size: 18px;
                text-align: center;
            }
            img{
                display: block;
                height: 60px;
                width: 60px;
                margin: 30px auto 0;
            }
            h4{
                height: 90px;
                line-height: 90px;
                font-size: 15px;
                text-align: center;
            }
            button{
                display: block;
                margin: 30px auto 0;
                width: 100px;
                height: 40px;
                line-height: 40px;
                font-size: 14px;
                color: #fff;
                background: #5847ad;
                border-radius: 5px;
                border: none;
            }
        }
        // 导入失败end                   
        
    }
    //导入信息内容确认弹框
    .verifyBlackbg{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        z-index: 999;
        // 导入信息内容确认弹框开始
        .impor_information{
            position: fixed;
            left: 25%;
            top: 4%;	
            padding: 25px 25px 60px 25px;
            width: 50%;
            height: 75%;
            overflow: scroll;
            background-color: #ffffff;
            .cue{
                position: relative;
                height: 20px;
                line-height: 20px;
                font-size: 6px;
                text-indent: 20px;
                color: #f74555; 
                                
            }
            .cue2{
                display: none;
                position: relative;
                height: 20px;
                line-height: 20px;
                font-size: 6px;
                text-indent: 20px;   
                color: #f74555;
                background: red;  
                background: url("../static/image/icon-attention.png") no-repeat 5px;                
            }

            i{
                position: absolute;
                right: 30px;
                top: 30px;
                height: 30px;
                width: 30px;
                background: url("../static/image/back.png") no-repeat;
                background-size: 100% 100%;
                cursor: pointer;
            }
            .inport_title{
                height: 35px;
                padding-left: 15px;
                border-left:6px solid #8b80c2;
                h3{
                    font-family: Arial, Helvetica, sans-serif;
                    height:20px ;
                    line-height: 20px;
                    font-size: 20px;
                    text-align: left;
                    margin: 0;
                }
                h6{
                    height: 15px;
                    font-size: 6px;
                    line-height: 15px;  
                    font-weight: 100;  
                }
            }
            .confirmation{
                margin: 30px auto;
                width: 90%;
                background: #fff;                     
                .clear{
                    clear: both;
                }
               
                .confirmationTeam{
                    position: relative;
                    width: 100%;
                    font-size: 12px;
                    border-bottom:1px solid #e7e6e6;
                    .confirmationTeamOne{
                        margin-bottom: 20px;
                        display: block;
                        width: 49%;
                        // width: 100%;
                        float: left;
                        .teamtitle{
                            width:100%;
                            height: 35px;                           
                            line-height: 30px;
                            font-size: 10px;
                            font-weight: bold;
                            margin:15px;
                            input{
                                height: 30px;
                                width: 30%;
                                margin: 0 5%;
                                height: 28px;
                                border: 1px solid #bdb6df;
                                border-radius: 5px;                                
                            }
                        }
                        .informationStudentTable{
                            width: 100%;
                            // thead{                        
                            //     tr{ 
                            //         height: 30px;
                            //         width: 100%;
                            //         line-height: 30px;
                            //         //background: red;
                            //         th:nth-child(1){
                            //             width: 10%;
                            //             height: 30px;
                            //             font-size: 10px;
                            //             text-align: center;
                            //             color: #fca379;                           
                            //         }
                            //         th:nth-child(2){
                            //             width: 25%;
                            //             height: 30px;
                            //             font-size: 10px;
                            //             text-align: center;
                            //             color: #000000;                          
                            //         }
                            //         th:nth-child(3){
                            //             width: 15%;
                            //             height: 30px;
                            //             font-size: 10px;
                            //             text-align: center;
                            //             color: #000000;                          
                            //         }
                            //         th:nth-child(4){
                            //             width: 10%;
                            //             height: 30px;
                            //             font-size: 10px;
                            //             text-align: center;
                            //             color: #000000;                          
                            //         }
                            //         th:nth-child(5){
                            //             width: 20%;
                            //             height: 30px;
                            //             font-size: 10px;
                            //             text-align: center;
                            //             color: #000000;                          
                            //         }
                            //         th:nth-child(6){
                            //             width: 10%;
                            //             height: 30px;
                            //             font-size: 10px;
                            //             text-align: center;
                            //             color: #000000;                          
                            //         }
                            //         th:nth-child(7){
                            //             width: 10%;
                            //             height: 30px;
                            //             //text-align: center;
                            //             color: #000000; 
                            //             cursor: pointer;
                            //             // line-height: 30px;
                            //             // font-size: 10px;
                            //             text-align: left;
                            //             text-indent: 5%;
                            //             //color: #cccccc;
                            //             background: url("../static/image/icon-deletew.png") no-repeat 20% 5px;
                            //             // border:1px solid red;
                            //         }
                            //     }
                            // }
                            thead{     
                                tr{
                                    height: 35px;
                                    width: 100%;
                                    line-height: 35px;
                                    th:nth-child(1){
                                        width: 25%;
                                        // height: 30px;
                                        font-size: 10px;
                                        text-align: center;
                                        color: #fca379;   
                                    }
                                    th:nth-child(2){
                                        width: 50%;
                                        // height: 30px;
                                        font-size: 10px;
                                        text-align: center;
                                        color: #000000;                          
                                    }
                                    th:nth-child(3){
                                        width: 25%;
                                        // height: 30px;
                                        // line-height: 30px;
                                        text-indent: 25px;
                                        font-size: 10px;
                                        text-align: center;
                                        color: #000000;   
                                        background: url("../static/image/icon-deletew.png") no-repeat;
                                        background-size: 20px;   
                                        background-position-y: 6px;  
                                    }
                                }
                            }
                             tbody{

                                tr{
                                    height: 50px;
                                    // width: 100%;
                                    // line-height: 30px;
                                    td:nth-child(1){
                                        width: 25%;
                                        height: 30px;
                                        font-size: 10px;
                                        text-align: center;
                                        color: #000000;  
                                    }
                                    td:nth-child(2){
                                        width: 50%;
                                        height: 30px;
                                        font-size: 10px;
                                        text-align: left;
                                        color: #000000;
                                        input{
                                            width: 90%;
                                            margin: 0 5%;
                                            height: 28px;
                                            border: 1px solid #bdb6df;
                                            border-radius: 5px;
                                        }                                     
                                    }
                                    td:nth-child(3){
                                        width: 25%;
                                        span{
                                            margin-left: 20%;
                                            display: block;
                                            height: 8px;
                                            width: 8px;
                                            background: url("../static/image/icon-delete-learner.png") no-repeat;
                                            background-size: 8px 8px;
                                        }                     
                                    }
                                }
                                // tr{
                                //     height: 50px;
                                //     td:nth-child(1){
                                //          width: 10%;
                                //          height: 30px;
                                //          font-size: 10px;
                                //          text-align: center;
                                //          color: #000000;
                                //     }
                                //     td:nth-child(2){
                                //         width: 25%;
                                //         height: 30px;
                                //         font-size: 10px;
                                //         text-align: left;
                                //         color: #000000;
                                //         input{
                                //             width: 90%;
                                //             margin: 0 5%;
                                //             height: 28px;
                                //             border: 1px solid #bdb6df;
                                //             border-radius: 5px;
                                //         }                          
                                //     }
                                //     td:nth-child(3){
                                //         width: 15%;
                                //         height: 30px;
                                //         font-size: 10px;
                                //         text-align: left;
                                //         color: #000000;
                                //         input{
                                //             width: 100%;
                                //             height: 28px;
                                //             border: 1px solid #bdb6df;
                                //             border-radius: 5px;
                                //         }                          
                                //     }
                                //     td:nth-child(4){
                                //         width: 10%;
                                //         height: 30px;
                                //         font-size: 10px;
                                //         text-align: left;
                                //         color: #000000;
                                //         select{
                                //             width: 80%;
                                //             margin: 0 10%;
                                //             height: 28px;
                                //             border: 1px solid #bdb6df;
                                //             border-radius: 5px;
                                //         }                          
                                //     }
                                //     td:nth-child(5){
                                //         width: 20%;
                                //         height: 30px;
                                //         font-size: 10px;
                                //         text-align: left;
                                //         color: #000000;
                                //         select{
                                //             width: 90%;
                                //             margin: 0 5%;
                                //             height: 28px;
                                //             border: 1px solid #bdb6df;
                                //             border-radius: 5px;
                                //         }                       
                                //     }
                                //     td:nth-child(6){
                                //         width: 10%;
                                //         height: 30px;
                                //         font-size: 10px;
                                //         text-align: left;
                                //         color: #000000;
                                //        input{
                                //             width: 90%;
                                //             margin: 0 5%;
                                //             height: 28px;
                                //             text-align: center;
                                //             border: 1px solid #bdb6df;
                                //             border-radius: 5px;
                                //         }                       
                                //     }

                                //     td:nth-last-child(1){
                                //         width: 20%;
                                //         a{
                                //             margin-left: 20%;
                                //             display: block;
                                //             height: 10px;
                                //             width: 10px;
                                //             background: url("../static/image/icon-delete-learner.png") no-repeat;
                                //             background-size: 100% 100%;
                                            
                                           
                                //         }
                                //     }                                      
                                // }
                                
                            }
                            tbody{
                                tr{
                                    height: 50px;
                                    td:nth-child(1){
                                        width: 25%;
                                        height: 30px;
                                        font-size: 10px;
                                        text-align: center;
                                        color: #000000;  
                                    }
                                    td:nth-child(2){
                                        width: 50%;
                                        height: 30px;
                                        font-size: 10px;
                                        text-align: left;
                                        color: #000000;
                                        input{
                                            width: 90%;
                                            margin: 0 5%;
                                            height: 28px;
                                            border: 1px solid #bdb6df;
                                            border-radius: 5px;
                                        }                                     
                                    }
                                    td:nth-child(3){
                                        width: 25%;
                                        span{
                                            margin-left: 20%;
                                            display: block;
                                            height: 8px;
                                            width: 8px;
                                            background: url("../static/image/icon-delete-learner.png") no-repeat;
                                            background-size: 8px 8px;
                                        }                     
                                    }
                                }

                            //     tr{
                            //         height: 50px;
                            //         td:nth-child(1){
                            //              width: 10%;
                            //              height: 30px;
                            //              font-size: 10px;
                            //              text-align: center;
                            //              color: #000000;
                            //         }
                            //         td:nth-child(2){
                            //             width: 25%;
                            //             height: 30px;
                            //             font-size: 10px;
                            //             text-align: left;
                            //             color: #000000;
                            //             input{
                            //                 width: 90%;
                            //                 margin: 0 5%;
                            //                 height: 28px;
                            //                 border: 1px solid #bdb6df;
                            //                 border-radius: 5px;
                            //             }                          
                            //         }
                            //         td:nth-child(3){
                            //             width: 15%;
                            //             height: 30px;
                            //             font-size: 10px;
                            //             text-align: left;
                            //             color: #000000;
                            //             input{
                            //                 width: 100%;
                            //                 height: 28px;
                            //                 border: 1px solid #bdb6df;
                            //                 border-radius: 5px;
                            //             }                          
                            //         }
                            //         td:nth-child(4){
                            //             width: 10%;
                            //             height: 30px;
                            //             font-size: 10px;
                            //             text-align: left;
                            //             color: #000000;
                            //             select{
                            //                 width: 80%;
                            //                 margin: 0 10%;
                            //                 height: 28px;
                            //                 border: 1px solid #bdb6df;
                            //                 border-radius: 5px;
                            //             }                          
                            //         }
                            //         td:nth-child(5){
                            //             width: 20%;
                            //             height: 30px;
                            //             font-size: 10px;
                            //             text-align: left;
                            //             color: #000000;
                            //             select{
                            //                 width: 90%;
                            //                 margin: 0 5%;
                            //                 height: 28px;
                            //                 border: 1px solid #bdb6df;
                            //                 border-radius: 5px;
                            //             }                       
                            //         }
                            //         td:nth-child(6){
                            //             width: 10%;
                            //             height: 30px;
                            //             font-size: 10px;
                            //             text-align: left;
                            //             color: #000000;
                            //            input{
                            //                 width: 90%;
                            //                 margin: 0 5%;
                            //                 height: 28px;
                            //                 text-align: center;
                            //                 border: 1px solid #bdb6df;
                            //                 border-radius: 5px;
                            //             }                       
                            //         }

                            //         td:nth-last-child(1){
                            //             width: 20%;
                            //             a{
                            //                 margin-left: 20%;
                            //                 display: block;
                            //                 height: 10px;
                            //                 width: 10px;
                            //                 background: url("../static/image/icon-delete-learner.png") no-repeat;
                            //                 background-size: 100% 100%;
                                            
                                           
                            //             }
                            //         }                                      
                            //     }
                                
                            }
                            tfoot{

                                width: 100px;
                                height: 20px;
                                margin-bottom: 20px;                               
                                td{
                                    text-indent: 16px;
                                    height: 20px; 
                                    line-height: 20px;
                                    //border:1px solid red;
                                    span{
                                        display: block;
                                        height: 21px;
                                        width: 100px;
                                        text-indent: 30px;
                                        color: #aba3d6;
                                        background: url("../static/image/icon-add.png") no-repeat;
                                        background-size: 21px 21px;
                                        //border:1px solid red;
                                        margin-left: 45px;
                                    }
                                }


                                // width: 100px;
                                // height: 20px;
                                // margin-bottom: 20px;
                               
                                // td{
                                //     text-indent: 16px;
                                //     height: 20px; 
                                //     line-height: 20px;
                                //     a{
                                //         display: block;
                                //         height: 20px;
                                //         width: 100px;
                                //         text-indent: 30px;
                                //         color: #aba3d6;
                                //         background: url("../static/image/icon-add.png") no-repeat;
                                //         background-size: 20px 20px;
                                //     }
                                // }    
                            }
                            
                        }
                    }
                    div.confirmationTeamOne:nth-child(even){
                        margin-left: 2%;                        
                    }
                    .addteam{   
                        position: absolute;                   
                        display: block;
                        height: 20px;
                        width: 100px;
                        bottom: 45px;
                        right: 0;
                        text-indent: 30px;
                        color: #aba3d6;
                        background: url("../static/image/icon-add.png") no-repeat;
                        background-size: 20px 20px;
                    }
                }
            }                       
            .btn_sure{                            
                width: 250px;
                height: 30px;
                margin: 50px auto;           
                button:nth-child(1){
                    width: 110px;
                    height: 30px;
                    font-size: 10px;
                    color: #fff;
                    border: none;
                    border-radius: 5px;
                    background: #5847ad;
                }
                button:nth-child(2){
                    margin-left: 25px;
                    width: 110px;
                    height: 30px;
                    font-size: 10px;
                    color: #fff;
                    border: none;
                    border-radius: 5px;
                    background: #5847ad;
                }
            }
        }
        // 导入信息内容确认弹框结束                       

    }
    // 创建课程失败05
    .createFailureBlackbg{
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        .failuretwo{
            position: fixed;
            left: 40%;
            top: 26%;	
            padding: 25px;
            width: 25%;
            height: 40%;
            background-color: #f4f4f4;
            i{
                position: absolute;
                right: 30px;
                top: 30px;
                height: 30px;
                width: 30px;
                background: url("../static/image/back.png") no-repeat;
                background-size: 100% 100%;
                cursor: pointer;
            }
            h3{
                height: 50px;
                line-height: 50px;
                font-size: 18px;
                text-align: center;
            }
            img{
                display: block;
                height: 60px;
                width: 60px;
                margin: 30px auto 0;
            }
            h4{
                height: 90px;
                line-height: 90px;
                font-size: 15px;
                text-align: center;
            }
            button{
                display: block;
                margin: 30px auto 0;
                width: 100px;
                height: 40px;
                line-height: 40px;
                font-size: 14px;
                color: #fff;
                background: #5847ad;
                border-radius: 5px;
                border: none;
            }
        }
    }
    // 创建成功
    .reateSuccessfulblackbg{
        //display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        // 创建成功
        .succestwo{
            position: fixed;
            // padding: 5%;
            left: 38%;
            top: 26%;	
            // padding: 25px;
            width: 30%;
            height: 400px;
            background-color: #f4f4f4;
            i{
                position: absolute;
                right: 30px;
                top: 30px;
                height: 30px;
                width: 30px;
                background: url("../static/image/back.png") no-repeat;
                background-size: 100% 100%;
                cursor: pointer;
            }
            h3{
                height: 50px;
                line-height: 50px;
                font-size: 18px;
                text-align: center;
            }
            img{
                display: block;
                height: 60px;
                width: 60px;
                margin: 5% auto 30px;
            }
            h4{
                height: 28px;
                line-height: 28px;
                font-size: 14px;
                text-align: center;
            }
            button{
                display: block;
                margin: 5% auto 0;
                width: 100px;
                height: 40px;
                line-height: 40px;
                font-size: 14px;
                color: #fff;
                background: #5847ad;
                border-radius: 5px;
                border: none;
            }


        }
        // 创建成功
    }

    // 弹框结束



    .dataone{
        .el-date-editor.el-input:nth-child(odd){
            width: 56%!important;
            float: left;
            font-size: 8px;       
        }
        .el-date-editor.el-input:nth-child(even){
            width: 42%!important;
            float: right;
            font-size: 8px;      
        }
        .el-input__icon{
            // color: red;
            width: 25px;
        }
        .el-input__icon+.el-input__inner {
            padding-right: 20px;
        }
        

    // }

}
    .el-picker-panel{
        //background: red !important;
        //width: 150px !important;
        position: absolute;
        // top: 0;
        //left: 40% !important;
    }

    .el-input .el-input__inner{
        width: 100%!important;
        background-color: transparent!important;
        border: 1px solid #dcdfe6!important;
        padding-right: 0!important;
    }
    // dialog
    .dialogContentBox{
        .dialogContent{
            text-align: center;
            overflow: auto;
            
            img{
                width: 42px;
                height: 42px;
                vertical-align: middle;
            }
            p{
                margin: 20px auto;
                font-weight: bold;
            }
        }
        .el-button--primary {
            color: #fff;
            background-color: #5847AD;
            border-color: #5847AD;
        }
        .el-dialog .el-dialog__footer .dialog-footer .el-button--primary span {
            font-size: 14px;
        }
        .el-dialog {
            display: inline-block !important;
            width: 40%;
            left: 37%;
            padding: 28px 26px;
            margin-bottom: 0;
        }
        
    }
    
}
.page-login-toolTipClass {
    background-color: #5847ad!important;
    color: #fff;
}
.el-tooltip__popper.is-dark {
    background: #5847AC!important;
    color: #fff;
}
.el-tooltip__popper .popper__arrow {
     border-width: 6px;
}

.el-tooltip__popper[x-placement^=top] .popper__arrow:after {
    border-top-color: #5847AC!important;
   
}

.el-tooltip__popper[x-placement^=right] .popper__arrow:after {
    bottom: -5px;
    left: 1px;
    border-right-color: #5847AC!important;;
    border-left-width: 0;
    }
.el-tooltip__popper {
    position: absolute;
    border-radius: 4px;
    padding: 10px;
    z-index: 2000;
    font-size: 12px;
    line-height: 1.6;
    width: 200px;
}